﻿



<script src="js/jquery-1.6.2.min.js" type="text/javascript"></script>
<script src="js/jquery.cycle.all.latest.min.js" type="text/javascript"></script>
<script type="text/javascript">
    $(document).ready(function () {
        $('#slider').cycle({
            pager: '#slider-pager'
        });

        $('.activetab a').each(function () {
            var activeTab = $(this).parents('li').index();
            var paneVisible = $(this).parents('ul').next().children('div').eq(activeTab);
            paneVisible.show().siblings().hide();
        });

        $('.tabs a').click(function () {
            $(this).parents('li').addClass('activetab').siblings().removeClass('activetab');
            var activeTab = $(this).parent('li').index();
            var paneVisible = $(this).parents('ul').next().children('div').eq(activeTab);
            paneVisible.show().siblings().hide();
            return false;
        });


    });
</script>

<div id="hero-wrap">
		<div id="hero" class="section group">
			<p id="hero-text" class="book">All your stats in <b class="medium">One Place</b> <span>Game Stats, Productivity, Trophies, Recommendations &amp; more!</span> <a href="/Account/Register/">Sign up for free!</a></p>
			<div id="slider-wrap">
				<div id="slider">
					<a href="/Home/Tour"><img src="images/slide1.png" alt="Take a quick tour and find out about stats in one place." /></a>
					<a href="/Home/Tour"><img src="images/slide2.png" alt="" /></a>
					<a href="/Home/Tour"><img src="images/slide3.png" alt="" />	</a>
                    <a href="/Developer"><img src="images/slide4.png" alt="We need your help developers!" /></a> 									
				</div><!-- /slider -->
				<div id="slider-pager"></div>
			</div><!-- /slider -->
		</div>
	</div><!-- /hero-wrap -->
	
	<div id="news-wrap">
		<div id="news" class="section group">
			
		@Html.Partial("homepage/NewTrophies")
			
			<div id="tabs-wrap">
				<ul class="tabs group">
					<li class="activetab"><a href="#">News</a></li>
					<li><a href="#">Get Involved</a></li>
				</ul>
				<div class="panes">
					
                    @Html.Partial("homepage/RecentNews") 
					@Html.Partial("homepage/GetInvolved")
				</div><!-- /panes -->
			</div><!-- /tabs -->
			
	@Html.Partial("homepage/RecentActivity")
			
		</div><!-- /news -->
	</div><!-- /news-wrap -->